<!--
 * @Description: 
 * @Author: charles
 * @Date: 2020-11-03 12:36:26
 * @LastEditors: HeAo
 * @LastEditTime: 2021-11-26 17:49:52
-->

<template>
  <div class="home">
    <div class="loc fr">
      <img
            src="../assets/2.png"
            alt="搜索"
            width="2000px"
            height="200px"
          />
      <div class="name">
        <a href="index.htm">首 页</a>
        &gt;
        <a href="xygk.htm" title="学院概况" target="_blank">学院概况</a> &gt;
        <a href="jgsz.htm" title="机构设置" target="_blank">机构设置</a> &gt;
        <a href="jyjx.htm" title="教育教学">教育教学</a> &gt;
        <a href="xsky.htm" title="学术科研" target="_blank">学术科研</a> &gt;
        <a href="djsz.htm" title="党建思政" target="_blank">党建思政</a> &gt;
        <a href="http://rsc.hhtc.edu.cn/" target="_blank">人才招聘</a> &gt;
        <a href="http://jlc.hhtc.edu.cn/" target="_blank">合作交流</a> &gt;<a
          href="http://xxgk.hhtc.edu.cn/"
          target="_blank"
          >信息公开</a
        >
        &gt;<a href="ggfw.htm" target="_blank">公共服务</a> &gt;<a
          href="http://mail.hhtc.edu.cn/"
          target="_blank"
          >电子邮箱</a
        >
      </div>
    </div>
    <!-- 头部区域 -->
    <div class="header">
      <div class="containor">
        <div class="name"></div>
        <ul class="category"></ul>
        <div class="telephone">
          <span></span>
        </div>
      </div>
    </div>
    <!-- 轮播图区域 -->
    <div class="swipper">
      <el-carousel height="470px">
        <el-carousel-item v-for="(item, index) in carousel" :key="index">
          <img :src="item.url" alt="图片丢失" />
        </el-carousel-item>
      </el-carousel>
    </div>
    <!-- 内容区域 -->
    <div class="content" >
      <li class="nLi">
        <a href="djsz.htm" title="党建思政" target="_blank">党建思政</a>
        <div class="subnav">
          <ul>
            <li><a href="http://zzb.hhtc.edu.cn/" target="_blank">党建</a></li>
            <li><a href="http://news.hhtc.edu.cn/" target="_blank">思政</a></li>
          </ul>
        </div>
      </li>
      <h2>最新通知</h2>
      <li>
        <span style="border: 1px solid #ccc">11-02</span>
        <i>521</i>
        <div class="clear"></div>
        <a
          href="http://www.hhtc.edu.cn/info/1068/4189.htm"
          title="2020-2021学年度国家励志奖学金获得者名单公示"
          >2020-2021学年度国家励志奖学金获得者名单公示</a
        >
      </li>
      <li>
        <a
          href="http://www.hhtc.edu.cn/info/1068/4218.htm"
          title="怀化学院2020-2021年度信息公开工作报告"
          >怀化学院2020-2021年度信息公开工作报告</a
        >
      </li>
      <a
        href="http://www.hhtc.edu.cn/info/1068/4128.htm"
        title="怀化学院2020-2021学年国家奖学金、校级奖学金（三好学生）、优秀学生干部、优秀班集体获奖名单公示"
        >怀化学院2020-2021学年国家奖学金、校级奖学金（三</a
      >
      <li>
        <a
          href="http://www.hhtc.edu.cn/info/1068/4107.htm"
          title="关于推荐参加2021年省级一流本科课程认定评选结果的公 示"
          >关于推荐参加2021年省级一流本科课程认定评选结果的</a
        >
      </li>
      <li>
        <a href="http://www.hhtc.edu.cn/info/1068/3941.htm" title="关于2021年中秋节、国庆节放假的通知"
          >关于2021年中秋节、国庆节放假的通知</a
        >
      </li>
      
    </div>
    
    <div   class="wz">
      <h1 id="党建方面文章篇1党的制度建设是落实全面从严治党的关键">
                    党的制度建设是落实全面从严治党的关键
      </h1>
      <p>
        　　制度建党一直都是我们党的优良传统，党的制度建设形成了党在实践中的制度优势。党的报告中将党的制度建设与思想、组织、作风、反腐倡廉建设一起构成党要管党、从严治党的重要着力点。党的制度能否有效运转，关乎全面从严治党的理念能否落实。
      </p>
      <p>
        　　目前我们党面临着执政考验、改革开放考验、市场经济考验、外部环境考验;又要应对和解决精神懈怠危险、能力不足危险、脱离群众危险、消极腐败危险。在这样的现实条件下，从严治党就要解决如何实现“真管真严”、“敢管敢严”、“长管长严”的内在命题。制度由于其根本性、稳定性和长期性的特点，党的制度建设理所当然地成为了严治党的一个关键性问题。
      </p>
      <p>
        　　以从严治党为目的，党的制度建设标准是什么?用《中央党内法规制定工作五年规划纲要(2013&mdash;2017)》的话来回答就是逐步实现“内容科学、程序严密、配套完备、运行有效的党内法规制度体系”。
      </p>
      <p>
        　　从严治党本质地要求用科学的制度管权。邓小平曾指出：“我们执了政，拿了权，更要谨慎&hellip;&hellip;不要以为有了权就好办事，有了权就可以为所欲为，那样就非弄坏事情不可。”谨慎地对待和使用权力，最好的办法就是把权力关进制度的笼子里。指出：“把权力关进制度的笼子里，首先要建好笼子。笼子太松了，或者笼子很好但门没关住，进出自由，那是起不了什么作用的。”建好和扎紧制度的笼子意味着党的制度要立体化、集成化，保证这个制度没有“暗门”，不开“天窗”，只有这样才能达成一种刚性的“事先约定”，从而减少主观上的“操作空间”，即突出显性规则，消除隐性的、软化的党内潜规则。这样一来，从严治党的“严”就有了科学的标准和依据。用当然，这需要一套科学的党内法规制度体系，制度需要前后衔接、左右联动、上下配套、系统集成，具体说，就是要有一个科学的党内法规制度体系，使党的主干法规更加健全，并且要使配套党内法规更加完备，从而达到各项党内法规之间的相互协调、相互统一。
      </p>
      <p>
        　　从严治党本质地要求用科学的制度治吏。党的领导干部作为“关键少数”，我们党能否用一套科学化制度以严的措施管理干部，以严的纪律约束干部，使干部心有所畏、言有所戒、行有所止，成为从严治党的重中之重。这就要求用科学的制度建设完善干部管理制度、选拔任用制度、考核评价制度、问责制度等。在实践过程中完善制度，我们还需要深刻认识到，制度的改革和完善本身就是一个权力和利益的重新调整和配置的问题。所以，与制度在实践中的完善和发展相比，对制度治吏理念上达成共识在中国独特的政治文化语境下往往显示出更重要的作用。对法产生信仰，即在价值层面承认法的崇高性，是制度治吏的一个必要条件。党的提出了“提高领导干部运用法治思维和法治方式深化改革、推动发展、化解矛盾、维护稳定的能力”，强调“法治思维”的意义在于引导广大干部树立法治意识、制度意识，从而形成尊崇制度、捍卫制度的氛围。如此，使干部自身在使用权力的时候首先想到的是制度和原则，而不是“人情”和“关系”，从而在对“关键少数”的监督和管理中使科学的制度发挥应有的作用，以达到从严治党的目的。
      </p>
      <p>
        　　从严治党本质地要求用科学的制度优化党内政治生态。党内政治生态是党的执政环境的体现，反映党的思想、组织、作风、反腐倡廉和制度建设的各个方面，是党的建设中各个子系统的统一体。系统性地惩治和预防腐败是反腐败国家战略的顶层设计，而健全反腐败的体系必须依靠科学的制度。当前我们党重拳反腐所要达到的不敢腐、不能腐、不想腐目标，必须发挥制度的监督和约束作用，才能不仅仅停留在“不敢腐”的阶段。这就是说，要达到“不能腐”、“不想腐”的理想状态只有加强反腐败的制度保障。反腐败在以来已经成为全面从严治党的一个重要向度，反腐败最终需要依靠科学的制度建设形成良好的党内政治生态。因此，从严治党、优化党内政治生态必须建立一套科学的党内法规制度。只有党的制度具有科学性，才赋予制度执行力，并达到规范权力、制约权力、监督权力的效果。
      </p>
    </div>
  </div>
</template>

<script>
// 导入请求工具
import { get } from "@/utils/request.js";
export default {
  data() {
    return {
      categories: [],
      carousel: [],
      projects: [],
      stuElegent: [],
    };
  },
  methods: {
    // 查询所有栏目信息
    findAllCategories() {
      // 使用axios封装的get方法，发送ajax请求，拿到所有的栏目数据
      get("/index/category/findAll").then((res) => {
        // 将后台接口响应的数据，设置到组件的数据模型中
        this.categories = res.data;
      });
    },
    // 查询所有轮播图
    findAllCarousel() {
      get("/index/carousel/findAll").then((res) => {
        // 将后台响应的轮播图数据，设置到组件的数据模型中
        this.carousel = res.data;
      });
    },
    // 查询所有游学项目信息
    findAllProjects() {
      get("/index/project/pageQuery", { page: 1, pageSize: 100 }).then(
        (res) => {
          this.projects = res.data.list;
        }
      );
    },
    // 查询所有学生风采信息
    findAllStudentElegents() {
      get("/index/article/pageQuery", { page: 1, pageSize: 100 }).then(
        (res) => {
          this.stuElegent = res.data.list;
        }
      );
    },
    // 游学项目卡片点击事件
    cardClickHander(id) {
      // 点击项目卡片，跳转至目标页面
      // 通过query属性携带参数，参数会以查询字符串的形式，拼接到url地址栏后面
      this.$router.push({ path: "/project", query: { id } });
    },
  },
  // vue组件的生命周期钩子函数
  created() {
    // 调用查询所有栏目信息的方法
    this.findAllCategories();
    // 调用查询所有轮播图的方法
    this.findAllCarousel();
    // 调用查询所有项目信息的方法
    this.findAllProjects();
    // 调用查询所有学生风采信息的方法
    this.findAllStudentElegents();
  },
};
</script>

<style scoped>
.header {
  /* display: flex; */
  height: 80px;
  font-family: "微软雅黑";
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.329);
}
.containor {
  width: 90%;
  margin: 0 auto;
  height: 80px;
}
/* 为因为子元素浮动产生高度塌陷的父元素清除浮动 => 使用伪元素来清除浮动 */
.containor::after {
  display: block;
  clear: both;
  content: "";
}
.name {
  float: left;
  font-size: 25px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.na {
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.clear {
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.category {
  float: left;
  display: flex;
  margin: 0;
  padding: 0 1em;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color: #666;
}
.eleCardTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category > li {
  padding: 0 16px;
  cursor: pointer;
}
.telephone {
  float: right;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}
.telephone > img {
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.content {
  padding: 0 100px;
  margin-top: 50px;
  float: left;
}
.wz{
  float: left;
  width: 1200px;
}
.projectCard {
  height: 200px;
  line-height: 200px;
  border-radius: 5px;
  display: flex;
  box-shadow: 0 0 5px 5px rgba(202, 200, 200, 0.178);
  margin-bottom: 20px;
  cursor: pointer;
}
.cardRight {
  padding-left: 1em;
  font-family: "微软雅黑";
}
.cardTitle {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #666;
  font-weight: bold;
}
.cardDatetime {
  height: 50px;
  line-height: 50px;
}
.cardDes {
  height: 35px;
  line-height: 35px;
}
.studentElegent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* justify-content: space-between; */
}
.stuEleCard {
  flex-basis: 24%;
  width: 250px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 10px;
}
.stuEleCard:hover {
  box-shadow: 0 0 5px 5px #d4d3d386;
}
.stuEleCard img {
  width: 100%;
  border-radius: 5px;
}
.cardText {
  padding: 1em;
  font-family: "微软雅黑";
  line-height: 40px;
  background-color: #ededed8c;
  height: 200px;
}
.wz{
    float: left;
}
a{
  text-decoration: none;
  color: rgb(0, 0, 0);
}
</style>
